<template>
  <!-- 文章勋章板块 -->
  <div class="card">
    <div class="card-body achievement-wrap">
      <div class="achievement-title ">
        <span class="underline font-bold">{{user.userHome.userName}} </span>
          的个人成就
      </div>
      <div class="achievement-item">
        <div class="flex">
          <span>
           <img
             src=""
             class="iconSize___29n8N"
             _nk="oLTI31"
             style="height: 100%"
           />
          </span>
          <span>已发布文章</span>
        </div>
        <span>{{user.userHome.articleCount + ' 篇'}}</span>
      </div>
      <div class="achievement-item">
        <div class="flex">
          <span>
            <img
              src=""
              class="iconSize___29n8N"
              _nk="oLTI31"
              style="height: 100%"
            />
          </span>
          <span>文章被点赞</span>
        </div>
        <span>{{user.userHome.praiseCount + ' 次'}}</span>
      </div>
      <div class="achievement-item flex">
        <div class="flex">
          <span>
            <img
              src=""
              class="iconSize___29n8N"
              _nk="oLTI31"
              style="height: 100%"
            />
          </span>
          <span>文章被阅读</span>
        </div>
        <div>
          <span>{{user.userHome.readCount + ' 次'}}</span>
        </div>
      </div>
      <div class="achievement-item">
        <div class="flex">
          <span>
            <img
              src=""
              class="iconSize___29n8N"
              _nk="oLTI31"
              style="height: 100%"
            />
          </span>
          <span>文章被收藏</span>
        </div>
        <span>{{user.userHome.collectionCount + ' 篇'}}</span>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

import type { UserHomeInfoResponseType } from '@/http/ResponseTypes/UserHomeInfoResponseType'

const props = defineProps<{
  user: UserHomeInfoResponseType
}>()

</script>

<style scoped>

</style>
